@charset "utf-8";
/*
@author:changnannan
@date:2014
@email:changnannan@myhexin.com
*/
html,body,p,form,input,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0;}
body{ font:12px/1.5em 'simsun',Tahoma, Geneva, sans-serif; color: #333; background: #fff}
h1,button,input,select,textarea{border:0 none;}
select{ height: 18px; line-height: 18px;}
ul{ list-style:none;}
em,i{ font-style:normal}
table{border-collapse:collapse;border-spacing:0;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;clear:both;}
html,body{ overflow: hidden;}
body a{outline: none;blr:expression(this.onFocus = this.blur());}
/**/
*html{background-image:url(about:blank);background-attachment:fixed;}
.mask{width:100%;height:100%;position:fixed;background-color:#999;opacity:0.7;bottom:0;right:0;border:0 none;z-index:101;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.mask{_position:absolute;_top:expression(eval(document.documentElement.scrollTop)); _width:1000px; _height:1000px;margin:0;left:0;}
.mask, .con-more, .s-box, .kinds_tip{ display: none;}
.kinds_tip{width: 100px; height: 30px; background: #666; line-height: 30px; color: #fff; text-align:center; position:absolute; top: 100px; left: 170px; z-index: 99999;}
/*m-box*/
.m-box, .s-box, .b-box{ width: 440px; height: auto; margin: 0 auto; background: #fdfdfd}
.btn{ background: url(../images/icon.png) no-repeat -999em -999em;}
/*header*/
.m-hd{ height: 30px; background-position: 0 -30px; position: relative;}
.hd-title{ font-size: 12px; color: #fff; position: absolute; top: 4px; left: 10px; height: 20px; line-height: 20px}
.hd-close, .hd-min{ position: absolute; top: 0; right: 0; background-position: -32px -92px; width: 32px; height: 30px;}
.hd-close:hover{ background-position: -32px -123px;}
#box .m-hd{ background: #fff; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000}
/*content*/
.m-content{ padding:18px 28px 8px;}
.current-price{ height: 28px; line-height: 28px; position: relative;}
.c-red{ color: #c43f19;}
.c-green{color:#008000;}
.c-block{color:#333;}
.c-wrong{ color: #333}
.c-tip{ color: #b80c0c; }
.m-box input, .iphone_text input, .yj_price, .yj_mode{ height: 22px; line-height: 22px; padding:0 3px; border:1px solid #b3b3b3;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius: 2px; background: url(../images/input-bg.png) repeat-x top left; }
.stock{ width: 102px;}
.current-price span{ margin-left: 10px;}
.current-price span strong{ margin-left: 4px}
.tip-stock{ position: absolute; top: 26px; _top:25px;left: 0px; width: 216px; height: 21px; line-height: 21px; border:1px solid #d2d2d2; background: #f1f1f1;}
.tip-stock i{ background-position: -431px -67px; width: 16px; height: 16px; margin-left: 4px; display: inline-block; vertical-align: middle;}
.tip-stock span{ height: 16px; line-height: 16px; display: inline-block; vertical-align:middle; margin-left: 2px;}
.condition{ background: url(../images/line.png) repeat-x left top; width: 380px; margin-top: 14px; padding-top: 10px;}
.condition p{ height: 30px; line-height: 30px; width: 380px; position: relative;}
.condition input{ width: 44px; padding:0 3px; margin:0 4px; height: 18px; line-height: 18px}
.condition p i, .yj-way i, .pro-table td i, .listli0 i{ background-position:-453px -47px; width: 13px; height: 13px; display: inline-block; vertical-align: -3px; *vertical-align: 0; margin-right: 10px ;cursor: pointer;}
.condition p .c-on, .yj-way .c-on, .pro-table td .c-on, .listli0 .c-on{ background-position: -453px -32px;}
.condition p em{ position: absolute; top: 2px; left: 210px;}
.condition p .m-up, .condition p .m-down{ overflow: hidden; background-position: -315px -117px; width: 34px; height: 14px; display: inline-block; float: right; margin-top: 8px; *margin-top:-22px; _margin-top:-14px;}
.condition p .m-down{ background-position: -315px -93px;}
.con-more{ margin-top: 6px;}
.other-c{ color: #3465df; margin-left: 20px}
.condition .plast { _margin-top: 4px}
.condition .plasts { _margin-top: -4px}
/*footer*/
.m-ft{ background: #e9e9e9; height: 36px;-moz-border-radius:0 0 2px 2px; -webkit-border-radius:0 0 2px 2px; border-radius: 0 0 2px 2px;  }
.sure, .cancel{ width: 76px; height: 24px; line-height: 24px; text-align: center; color: #fff; display: inline-block; margin-left: 43px; margin-top: 6px; text-decoration: none;}
.sure{ background-position: -70px -117px; margin-left: 110px}
.sure:hover{ background-position: -70px -92px;}
.cancel{ background-position: -147px -92px; color: #000;}
.cancel:hover{ background-position: -147px -117px; }
.spread{margin-left: 36px; color:#3465df}

/*按键精灵*/
.autocomplete{border:1px solid #d2d2d2; background:#f1f1f1; overflow:hidden; position:absolute; z-index:9; width:220px; top:43px; left:27px;}
.autocomplete li{ height:22px; color:#333333; font-size:12px; padding-left:5px; width:224px; cursor:pointer; overflow: hidden;}
.autocomplete li strong { font-weight:normal; width:45px; overflow:hidden; display:block; float:left;}
.autocomplete li span { width:55px; padding-right:5px; overflow:hidden; display:block; float:left;}
.autocomplete li.selected{  font-weight:bold; color:#fff; background:#c84b27;}
.autocomplete li.selected strong { font-weight:bold;}

/*预警方式*/
.s-box, .s-box .m-ft{ width: 420px; _width:426px}
.s-box{position:fixed;top:40px;left:50%; margin-left:-210px; _margin-left:-213px;z-index:102; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)+40);}
.s-box .m-hd{ background-position: 0 -60px}
.yj-way{ padding:20px 0 20px 86px; position: relative; _padding:24px 0 1px 86px}
.yj-way strong{ font-weight: 400;}
.pc_warn{ position: absolute; top: 32px; left: 18px; _top:24px; _left:-76px}
.i_warn{ position: absolute; top: 122px; left: 28px; _top:110px; _left:-66px}
.yj-way span{ display: inline-block; width: 136px; height: 30px; line-height: 40px; position: relative;}
.yj-way .bcjktxt{ width: 340px}
.s-box select{ color: #333; height: 22px; line-height: 22px;  position: absolute; top: 12px; _top:2px; left: 80px;}
.notes{ padding:0 26px 24px;}
.notes p{ color: #828181}
.text_align{ padding-left: 25px}

.shake{ color:#fff !important;}

/*通知到手机*/
#box{ height: 275px; width: 422px;position:fixed;top:20px;left:50%; margin-left:-210px;z-index:102;display:none;_position:absolute; _top:expression(eval(document.documentElement.scrollTop)+60);}
.iphone_text input{ height: 22px; line-height: 22px; padding:0 3px; border:1px solid #b3b3b3;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius: 2px; background: url(../images/input-bg.png) repeat-x top left; }
/*通知到手机*/
/*.iphone_pop{position:fixed;top:60px;left:50%; margin-left:-210px;z-index:102; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)+60);}
*/.iphone_pop{ width: 420px;}
.iphone_pop{height:274px; background: #fff; border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000; top:20px }
.iphone_text{padding:6px 28px;}
.iphone_text p{line-height: 20px; color:#555; margin-bottom: 4px; width: 360px; height: 30px;}
.iphone_text .t1{ margin-bottom: 18px}
.iphone_text p label{ display: inline-block; width: 122px; text-align: right;}
.mobile1{ margin-left: 10px; width: 138px; color:#a2a2a2; vertical-align: middle;}
.yzm{ margin-left: 10px; width: 70px; margin-right: 8px; color:#a2a2a2; vertical-align: middle;}
.yzmimg{ vertical-align: top; }
.send{ margin-left: 10px; background-position: -358px -121px; width: 140px; height: 22px; text-align: center; line-height: 22px; color:#555; text-decoration: none; display: inline-block;}
.ewmimg{ vertical-align: top; margin-left: 8px; }
.tips{ color:#c43f19; margin-left: 4px; display: none;}
.tipok{ margin-left: 4px; background-position:-613px -37px ; width: 15px; height: 15px; display:none; vertical-align: middle;}